* {
    margin: 0;
    padding: 0;
}

html,
body,
#app,
.wrapper {
    width: 100%;
    height: 100%;
    /* overflow: hidden; */
}

body {
    font-family: 'PingFang SC', "Helvetica Neue", Helvetica, "microsoft yahei", arial, STHeiTi, sans-serif;
    background: #F2F5F8;
}

a {
    text-decoration: none
}
ul,li {
    list-style: none;
}
span {
    display: inline-block;
}
.about {
    width: 100%;
    height: 100%;
}
.content-box {
    position: absolute;
    left: 250px;
    right: 0;
    top: 60px;
    bottom: 0;
    /* padding-bottom: 30px; */
    -webkit-transition: left .3s ease-in-out;
    transition: left .3s ease-in-out;
    
}
.change {
    -webkit-transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}
.content {
    width: auto;
    height: calc(100% - 35px);
    margin: 20px 20px 10px;
    /* padding: 10px; */
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
}
.content >div {
    height: 100%;
}
.content-collapse {
    left: 65px;
}

.container {
    padding: 30px;
    /* background: #fff; */
    /* border: 1px solid #ddd; */
    border-radius: 5px;
}
.el-menu {
    border: none!important;
}
.el-submenu__title {
    /* border-radius: 30px!important; */
}
.el-submenu__title i {
    /* color: white!important; */
}
/* .search-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
} */
/* .search-header .el-form-item {
    margin-bottom: 0!important;
} */
.noScrollbar::-webkit-scrollbar {display:none;}
.noScrollbar{scrollbar-width: none;}
.noScrollbar{-ms-overflow-style: none;overflow: -moz-scrollbars-none;}

.content .primary-text {
    color: #5B8DF1;
}
.content .primary-text:hover {
    color: #76a0f5;
}
.content .primary-text:focus {
    color: #76a0f5;
}
.content .success-text {
    color: #67C23A;
}
.content .success-text:hover {
    color: #81c45f;
}
.content .success-text:focus {
    color: #81c45f;
}

/* element样式修改 */
body .el-button--primary{
    background-color: #5B8DF1;
    border-color: #5B8DF1;
}
body .el-button--primary:hover {
    background-color: #76a0f5;
    border-color: #76a0f5;
}
body .el-button--primary:focus {
    background-color: #76a0f5;
    border-color: #76a0f5;
}
body .danger-btn {
    background-color: #FF885D;
    border-color: #FF885D;
    color: white;
}
body .danger-btn:hover {
    background-color: #fcaa8d;
    border-color: #fcaa8d;
    color: white;
}
body .danger-btn:focus {
    background-color: #fcaa8d;
    border-color: #fcaa8d;
    color: white;
}
body .danger-textbtn {
    color: #FF885D;
}
body .danger-textbtn:hover {
    color: #fd9c79;
}
body .danger-textbtn:focus {
    color: #FF885D;
}
body .success-textbtn {
    color: #00B196;
}
body .success-textbtn:hover {
    color: #4ab1a1;
}
body .success-textbtn:focus {
    color: #4ab1a1;
}
body .success-btn {
   background-color: #00B196;
   border-color: #00B196;
   color: white;
}
body .success-btn:hover {
    background-color: #6cc9bb;
    border-color: #6cc9bb;
    color: white;
}
body .success-btn:focus {
    background-color: #6cc9bb;
    border-color: #6cc9bb;
    color: white;
}